html {-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;}
body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei",'PingFang-SC-Medium', sans-serif; background-color: #F4F7F7;color: #222222;}
ol,ul,li{list-style:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"."; display:block;clear:both;visibility:hidden;line-height:0;height:0;}
a{color:#222222;text-decoration:none;-webkit-transition: all .2s linear;transition: all .2s linear;}
.fl{float: left;}
.fr{float: right;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mt25 {margin-top: .25rem;}
.mt40 {margin-top: .4rem;}
.m20 {margin: .2rem 0}
.mr20 {margin-right: .2rem}
.mr30 {margin-right: .3rem}
.mb0 {margin-bottom: 0;}
.mb6 {margin-bottom: .06rem;}
.mb10 {margin-bottom: .1rem;}
.mb20 {margin-bottom: .2rem;}
.cola9 {color: #a9a9a9;}
.col82 {color: #828c9b}
.col32 {color: #ff3232;}
.col35 {color: #ff3532}
.col9 {color: #999999}
.fonW {font-weight: bold}

input {-webkit-appearance: none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a39f9f;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#a39f9f;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#a39f9f;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#a39f9f;}

@media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}

@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:18px
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    body {
        font-size:20px
    }
}

@media screen and (min-width: 500px) {
    body {
        font-size: 22px;
        max-width: 9.4rem;
        margin: 0 auto;
    }
}

/* menu导航菜单 */
.nav-menu {background: #fff;width: 100%;padding: 0 .1rem;position: absolute;top: 0.75rem;z-index: 999;box-sizing: border-box;min-height: 1.7rem;}
.nav-menu ul {display: flex;align-items: center;flex-wrap: wrap;box-sizing: border-box;height: 100%;line-height: .6rem;}
.nav-menu ul li {margin: 0.1rem 0.22rem;}
.nav-menu ul li a {font-size: .3rem;}

// .nav-top .head-left {display: flex;align-items: center;}
// .nav-top .head-left .head-label {display: flex;align-items: center;margin-left: .2rem}
// .nav-top .head-left .head-label img {width: .46rem;height: .36rem;}
// .nav-top .head-left .head-label span {border-left: 2px solid #dedede;padding-left: .3rem;margin-left: .3rem;line-height: .4rem;font-weight: bold;}
// .nav-top .menus {display: flex;align-items: center;justify-content: center;}
// .nav-top .menus img {width: .36rem;height: .28rem;}
// .nav-top .goback {display: flex;align-items: center;justify-content: center;}
// .nav-top .left-arrow {width: .4rem;height: .4rem;}

.heads {display: flex;align-items: center;justify-content: space-around;width: 100%;background: #fff;box-sizing: border-box;padding: .1rem;border-bottom: 1px solid #f7f7f7}
.search {position: relative;display: flex;align-items: center;opacity: 0.8;box-sizing: border-box;}
.search button {border: 0;outline:none;background: #eeecec;border-top-right-radius: .5rem;border-bottom-right-radius: .5rem;height: .6rem;padding: .1rem .3rem .1rem .2rem;font-size: .28rem}
.search span {height: .35rem;background: rgb(172, 171, 171);width: .04rem;margin-left: -0.1rem;z-index: 999;}
.search img.s-img {width: .45rem;height: .45rem;}
.heads input {border: 0;width: 3rem;height: .6rem;padding: .1rem .3rem;box-sizing: border-box;display: flex;align-items: center;background: #eeecec;outline: none;border-top-left-radius: .5rem;border-bottom-left-radius: .5rem;box-sizing: border-box}
.heads a {display: flex;align-items: center;justify-content: center;}
.heads img.logo {width: 1.82rem;}
.heads img.users {width: .6rem;height: .6rem;}
.heads img.camera {width: .6rem;height: .6rem;}
.head-nav {width: 100%;background: #FFF;}
.head-nav ul {display: flex;align-items: center;justify-content: space-between;padding: .22rem .4rem;box-sizing: border-box}

.swiper-slide img {width: 100%;height: 4.5rem;}

.content {width: 100%}
.item-1 {background: #fff;padding: 0 0 .6rem 0;}
.item-1 li.type-1 .type-link {display: flex;box-sizing: border-box;border-bottom: 1px solid #f8f8f8;padding: .3rem}
.item-1 li.type-1 .type-link div.titles {height: 100%;box-sizing: border-box;word-break: break-all;text-align: justify}
.item-1 li.type-1 .type-link p:first-child {margin-bottom: .2rem}
.item-1 li.type-1 .type-link p:last-child {display: flex;align-items: center;font-size: .24rem}
.item-1 li.type-1 .type-link p img {margin-left: .3rem;margin-right: .1rem;width: .3rem;height: .3rem;margin-top: .08rem;}
.item-1 li.type-1 .type-link .img-box {width: 2.3rem;height: 2rem;margin-right: .3rem;min-width: 2.3rem;display: flex;align-items: center;justify-content: center;border: 1px solid #dddddd;box-sizing: border-box;background: #dddddd;}
.item-1 li.type-1 .type-link .img-box img {max-width: 2.3rem;max-height: 2rem;}

.item-1 li.type-1 .type-link .img-box1 {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;width: 2.3rem;height: 2rem;min-width: 2.3rem;border-radius: .13rem;margin-right: .3rem;border: 1px solid #dddddd}

.item-1 li.type-2 .type-link {background: #fff;border-bottom: 1px solid #f8f8f8;padding: .3rem;display: inline-block;width: 100%;box-sizing: border-box;text-align: justify;}
.item-1 li.type-2 .type-link p:first-child {margin-bottom: .3rem;}
.item-1 li.type-2 .type-link p:last-child {display: flex;align-items: center;font-size: .24rem}
.item-1 li.type-2 .type-link p img {margin-left: .3rem;margin-right: .1rem;width: .28rem;height: .28rem;margin-top: .08rem;}

.item-1 .type-3 .type-link {position: relative;display: inline-flex;align-items: center;justify-content: center;}
.item-1 .type-3 .type-link .player {position: absolute;width: 1.4rem;height: 1.4rem;}
.item-1 .type-3 .video-intro {background: #fff;border-bottom: 1px solid #f8f8f8;padding: .1rem .3rem .3rem .3rem;display: inline-block;width: 100%;box-sizing: border-box;}
.item-1 li.type-3 .video-intro p:first-child {margin-bottom: .3rem;text-align: justify;}
.item-1 li.type-3 .video-intro p:last-child {display: flex;align-items: center;font-size: .24rem}
.item-1 li.type-3 .video-intro p img {margin-left: .3rem;margin-right: .1rem;width: .28rem;height: .28rem;margin-top: .08rem;}
/*
.item-3 {background: #fff;padding: .4rem;margin-top: .2rem}
.item-3 p:first-child {font-weight: bold;margin-bottom: .3rem}
.item-3 p:last-child {display: flex;align-items: center}
.item-3 p img {margin-left: .3rem;margin-right: .1rem;width: .28rem;height: .28rem;}
.img {width: 100%;background: #fff;margin-bottom: .2rem;display: flex;align-items: center;justify-content: center;}
*/

/* 置顶 */
.stick {background: #fff;margin-bottom: .2rem;}
.stick li {display: flex;padding: .3rem;border-bottom: 1px solid #f5f5f5;}
.stick li p {line-height: .55rem;}
.stick li p span {height: .4rem;background: #ee5449;display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: .3rem;padding: .01rem .08rem;margin-right: .1rem;border-radius: .04rem}

/* 详情页 */ 
.detail-nav ul li {box-sizing: border-box;}
.detail-nav li:first-child span{padding-bottom: .08rem;border-bottom: 3px solid #e60100}

.detail-con {background: #fff;padding: .4rem;border-bottom: 1px solid #eeeeee}
.deta-title p.tit {font-weight: bold;text-align: justify;margin-bottom: .3rem;font-size: 20px}
.deta-title p.author {display: flex;align-items: center;justify-content: space-between;color: #b8b8b8;}
.detail-con li {text-align: justify;margin-bottom: .1rem;}
.rec-info p:first-child {margin-bottom: .2rem}

.cintent-deta {padding: .1rem .4rem .4rem .4rem}
#detail-cons img {width: 100%;}
#detail-cons p {margin: .2rem 0;}
.statement {color: #999999;text-align: justify;margin-top: .5rem}

.recom {background: #fff;margin: .2rem 0;padding: .3rem 0 0 0 }
.rec-lab {color: #c7c7c7;padding: 0 .3rem}
.rec-info {padding: .3rem;border-bottom: 1px solid #eeeeee;}
.rec-info:last-child {border: 0}
.rec-info p:last-child {display: flex;align-items: center;font-size: .24rem;}
.rec-info p img {margin-left: .3rem;margin-right: .1rem;width: .3rem;height: .3rem;}

.comment {background: #fff;padding: .3rem}
.item1 {display: flex;align-items: center;justify-content: space-between}
.item1 span:first-child {font-size: .4rem;font-weight: bold;}
.item1 span:last-child {color: #ff5f5a}
.input-deta {display: flex;align-items: center;margin: .3rem 0}
.user {width: .9rem;height: .9rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-right: .3rem}
.user img {width: .6rem;height: .6rem;}
.input {display: flex;align-items: center;}
.input textarea {width: 4.68rem;height: .88rem;box-sizing: border-box;padding: .1rem;border-top-left-radius: .1rem;border-bottom-left-radius: .1rem}
.input button {display: flex;align-items: center;justify-content: center;background: #ff3433;color: #fff;font-size: .32rem;border: 0;height: .88rem;border-top-right-radius: .1rem;border-bottom-right-radius: .1rem;box-sizing: border-box;}
.class {display: flex;align-items: center;justify-content: space-between;background: #fff;padding: 0 .3rem .1rem .3rem;border-bottom: 1px solid #e5e5e5;}
.class span:first-child {font-size: .36rem}
.class span:last-child {font-size: .36rem;display: flex;align-items: center;justify-content: space-between;width: 1.8rem}
/* 评论 */
.comment-con {background: #fff;padding-bottom: 1.6rem}
.comment-con li {display: flex;justify-content: space-between;padding: .3rem;border-bottom: 1px solid #e5e5e5;}
.comment-con li img.user-img {width: 1.2rem;height: 1.2rem;}
.comment-con li div {width: 5.4rem;}
.comment-con li p:first-child {color: #ff3534;font-weight: bold;}
.comment-con li p:last-child img.zan {width: .3rem;height: .3rem;margin-right: .1rem}
.comment-con li p:last-child img.reply {width: .3rem;height: .3rem;margin-right: .1rem;margin-top: .08rem;}
.comment-con li p:last-child {display: flex;align-items: center;font-size: .28rem;}
.comment-con li p:last-child a {display: flex;align-items: center;margin-right: 30px;color: #e1e1e1;}

/* 评论回复 */
.reply-cons {background: #f7f7f7;margin-bottom: .2rem}
.reply-cons div.more {width: 100%;text-align: center;color: #a7a7a7;padding-bottom: .2rem;font-size: .3rem;}
.reply-con {padding: .2rem;box-sizing: border-box;}
.reply-con .item {box-sizing: border-box;width: 100%;display: flex;flex-direction: column;border: 0;padding: 0;margin-bottom: .3rem;}
.reply-con .item:last-child {margin: 0}
.reply-con .item p.rep {text-align: justify;margin-bottom: .1rem}
.reply-con .item p.rep span:first-child {font-weight: bold;color: #333333;font-size: .3rem}
.reply-con .item p.rep span.last {color: #817f7f;font-size: .3rem}
.reply-con .item p.zans {display: flex;align-items: center;color: #a7a7a7}
.reply-con .item p.zans span:first-child {color: #fd3433;margin-right: .2rem}
.reply-con .item p.zans span:last-child {color: #a7a7a7;margin-left: .2rem}

.share {width: 1rem;height: 1rem;background: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 0.8rem;right: .3rem;-webkit-box-shadow: #000 0px 0px 10px;-moz-box-shadow: #000 0px 0px 10px;box-shadow: #000 0px 0px 10px; }
.share img {width: .6rem;height: .6rem;}

/* 遮罩层  */
.share-con {position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;z-index: 10;border-top-left-radius: .15rem;border-top-right-radius: .15rem;padding-bottom: .4rem}
.share-con ul {display: flex;align-items: center;justify-content: space-around;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;padding: .6rem .4rem .4rem .4rem}
.share-con ul li {display: flex;flex-direction: column;align-items: center;color: #7f7f7f;font-size: .3rem}
.share-con ul li .im {display: flex;align-items: center;justify-content: center;border: 1px solid #dcdcdc;width: 1.1rem;height: 1.1rem;border-radius: .2rem;margin-bottom: .1rem}
.share-con ul li .im img.ims {width: .95rem;height: .95rem;}
.cancle {padding: .3rem;text-align: center;font-size: .36rem;}

/* 动态 */
.dynamic-main {background: #fff;height: 100%;}
.dynamic-main .nav-top {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: .16rem .4rem;border-bottom: 1px solid #eeeeee;}
.dynamic-main .nav-top .goback {display: flex;align-items: center;justify-content: center;}
.dynamic-main .nav-top .go-home {display: flex;align-items: center;}
.dynamic-main .nav-top .left-arrow {width: .4rem;height: .4rem;}
.dynamic-main .nav-top .sm-logo {width: .4rem;height: .35rem;}
/* 动态列表 */
.dynamic-con {background: #f7f7f7;}
.dynamic-con .con-ul li {margin-bottom: .2rem;padding: .3rem .4rem;background: #fff;}
.dynamic-con li .user-infos {display: flex;align-items: center;font-size: .28rem;}
.dynamic-con li .user-infos img {width: 1.2rem;height: 1.2rem;margin-right: .3rem}
.dynamic-con li .user-infos .info-detail {display: flex;flex-direction: column;}
.dynamic-con li .user-infos .info-detail span:first-child {color: #333333;font-weight: bold;margin-bottom: .1rem;}
.dynamic-con li .user-infos .info-detail span:last-child {color: #a9a9a9;}
/* 动态详情 */
.dynamic-con li .user-info {display: flex;align-items: center;justify-content: space-between;font-size: .28rem}
.dynamic-con li .user-info img {width: 1.2rem;height: 1.2rem;}
.dynamic-con li .user-info .info-detail {display: flex;flex-direction: column;}
.dynamic-con li .user-info .info-detail span:first-child {color: #333333;font-weight: bold;margin-bottom: .1rem;font-size: .26rem}
.dynamic-con li .user-info .info-detail span:last-child {color: #a9a9a9;font-size: .26rem}
.dynamic-con li .user-info a {width: 1rem;height: .52rem;background: #ff3433;border: 0;border-radius: .1rem;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: .28rem;margin-top: .3rem}
.dynamic-con li .user-info .concern {background: #ff3433;display: flex;align-items: center;justify-content: center;color: #fff;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #ff3433;}
.dynamic-con li .user-info .chosed {background: #fff;display: flex;align-items: center;justify-content: center;color: #222222;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #f5f5f5;}
/* // .dynamic-intro {color: #333333;line-height: .5rem;padding: .2rem 0 .3rem 0;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} */
.dynamic-intro {color: #333333;line-height: .5rem;padding: .2rem 0 .3rem 0;text-align: justify;}
.dynamic-intro a {color: #000197}

.dynamic-img {display: flex;align-items: center;flex-wrap: wrap;margin-right: -0.05rem;}
.dynamic-img img {width: 2.2rem;height: 2.01rem;margin-bottom: .06rem;margin-right: .05rem}

.oper-art {display: flex;align-items: center;justify-content: space-around;margin-top: .2rem;font-size: .28rem;}
.oper-art p a{display: flex;align-items: center;color: #999999;}
.oper-art img {width: .3rem;height: .3rem;margin-right: .08rem}

.all-comment {display: flex;align-items: center;justify-content: space-between;background: #fff;padding: .4rem .4rem .2rem .4rem;border: 1px solid #eeeeee;}
.all-comment p:first-child span:first-child {font-size: .36rem;font-weight: bold;margin-right: 10px}
.all-comment p:first-child span:last-child {color: #ff3531;font-size: .28rem;}
.all-comment p:last-child {display: flex;align-items: center;font-size: .3rem;}
.all-comment p:last-child span {color: #999999;margin: 0 .15rem;}
.all-comment p:last-child a:first-child {color: #999999}

/* 底部评论操作 */
.footer-com {display: flex;align-items: center;justify-content: space-between;background: #fff;padding: .4rem;position: fixed;left: 0;bottom: 0;width: 100%;box-sizing: border-box;}
.footer-com a {display: flex;align-items: center;justify-content: center;}
.footer-com img {width: .5rem;height: .5rem;}
.footer-com input {width: 3.53rem;height: .68rem;background: #f7f7f7;border-radius: .5rem;box-sizing: border-box;padding: .3rem;border: 0}

/* 粉丝 */
.fans-con li {display: flex;align-items: center;justify-content: space-between;padding: .2rem .3rem;border-bottom: 1px solid #eeeeee;}
.fans-con li img {width: 1.2rem;height: 1.2rem;}
.fans-con li .fans-intro {display: flex;flex-direction: column;font-size: .28rem}
.fans-con li .concerns {width: 1.2rem;height: .5rem;display: flex;align-items: center;justify-content: center;background: #ff3433;color: #fff;font-weight: bold;border-radius: .06rem;font-size: .28rem;box-sizing: border-box}
.chosed_concer {width: 1.2rem;height: .5rem;display: flex;align-items: center;justify-content: center;color: #bcbcbc;font-weight: bold;border-radius: .06rem;font-size: .28rem;border: 1px solid #e5e5e5;box-sizing: border-box}

/* 我的主页 */
.home-page {background: #f7f7f7;}
.user-inf {background: #fff;padding: .4rem}
.user-item {display: flex;align-items: center;}
.user-item img {width: 1.2rem;height: 1.2rem;margin-right: .3rem}
.user-item .user-nickname {display: flex;flex-direction: column;font-size: .3rem;}
.user-items {display: flex;align-items: center;justify-content: space-between;}
.user-items .user-imgage {display: flex;align-items: center;justify-content: center;background: #eeeeee;width: 1.2rem;height: 1.2rem;border-radius: 100%;}
.user-items .user-imgage img {width: .8rem;height: .8rem;}
.user-items .user-nickname {display: flex;flex-direction: column;font-size: .3rem;}
.user-items a {display: flex;align-items: center;justify-content: center;background: #ff3433;color: #fff;width: 1.52rem;height: .52rem;border-radius: .06rem;font-size: .3rem}
 
.flow {display: flex;align-items: center;justify-content: space-around;margin-top: .3rem;}
.flow li a {display: flex;align-items: center;flex-direction: column;font-size: .3rem;}
.flow li span:first-child {font-weight: bold;font-size: .5rem;}
.flow li span:last-child {color: #7d7d7d;}

.my-item {margin-top: .2rem;background: #fff;}
.my-item li a {display: flex;align-items: center;justify-content: space-between;padding: .3rem;border-bottom: 1px solid #eeeeee;}
.my-item li img {width: .5rem;height: .5rem;}
.my-item li .my-con {display: flex;align-items: center;}
.my-item li span {margin-left: .3rem;}

/* 资讯视频 */
.information {background: #f7f7f7;}
.information .information-con {background: #ffff}
.information p.information-intro {padding: .4rem .4rem .15rem .4rem;font-weight: bold;line-height: .5rem;}
.information .author {display: flex;align-items: center;justify-content: space-between;padding: .15rem .4rem .4rem .4rem;font-size: .3rem;}
.information .author .author-img {display: flex;align-items: center;}
.information .author .author-img img {width: 1.2rem;height: 1.2rem;margin-right: .3rem;}
.information .author .author-img .author-name {display: flex;flex-direction: column;}
.information .author .author-img .author-name span:first-child {font-weight: bold;}
.information .author .buts {width: 1.5rem;height: .5rem;border-radius: .1rem;display: flex;align-items: center;justify-content: center;border: 1px solid #e5e5e5;color: #bcbcbc;}
.information .author .concern {background: #ff3433;display: flex;align-items: center;justify-content: center;color: #fff;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #ff3433;}
.information .author .chosed {background: #fff;display: flex;align-items: center;justify-content: center;color: #222222;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #f5f5f5;}

.recom-con {background: #fff;margin: .3rem 0;padding: .4rem;}
.recom-con-item li.type-1 .type-link {display: flex;box-sizing: border-box;margin-top: .4rem;}
.recom-con-item li.type-1 .type-link div.titles {width: 4.2rem;height: 100%;box-sizing: border-box}
.recom-con-item li.type-1 .type-link p:first-child {margin-bottom: .3rem;text-align: justify;}
.recom-con-item li.type-1 .type-link p:last-child {display: flex;align-items: center;font-size: .28rem}
.recom-con-item li.type-1 .type-link p img {width: .3rem;height: .3rem;margin: .1rem .1rem 0 .3rem}
.recom-con-item li.type-1 .type-link .img-box {margin-right: .3rem;position: relative;display: inline-flex;align-items: center;justify-content: center;}
.recom-con-item li.type-1 .type-link .img-box .play {position: absolute;width: .9rem;height: .9rem;}

/* 产品详情 */
.slideshow {height: 7.5rem;display: flex;align-items: center;justify-content: center;position: relative;padding-top: .6rem;box-sizing: border-box}
.slideshow .swiper-pagination {display: flex;align-items: center;justify-content: center;}
.slideshow .swiper-wrapper {text-align: center;}
.slideshow .swiper-container img {width: 6.58rem;height: 5.43rem;}
.slideshow .swiper-container {padding-bottom: 1rem;box-sizing: border-box}
.swiper-pagination-bullet {width: .12rem!important;height: .12rem!important;border-radius: 100%!important;display: inline-block !important;background: #000 !important;opacity: 0.2 !important;}
.swiper-pagination-bullet-active {opacity: 1 !important;background: #ff3433 !important;width: .36rem !important;height: .12rem !important;border-radius: 30% !important;}
/* // .slideshow .swiper-container-horizontal > .swiper-pagination-bullets {position: absolute;bottom: 0;left: 0;} */

.product-detail {background: #fff;height: 100%;}
.product-detail .nav-top {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: .16rem .4rem;font-weight: 600;border-bottom: 1px solid #f5f5f5;}
.product-detail .nav-top .head-left {display: flex;align-items: center;}
.product-detail .nav-top .head-left .head-label {display: flex;align-items: center;margin-left: .2rem}
.product-detail .nav-top .head-left .head-label img {width: .46rem;height: .36rem;}
.product-detail .nav-top .head-left .head-label span {border-left: 2px solid #dedede;padding-left: .3rem;margin-left: .3rem}
.product-detail .nav-top .menus {display: flex;align-items: center;justify-content: center;}
.product-detail .nav-top .menus img {width: .36rem;height: .28rem;}
.product-detail .nav-top .goback {display: flex;align-items: center;justify-content: center;}
.product-detail .nav-top .left-arrow {width: .4rem;height: .4rem;}

.pro-info {background: #fff;padding: .4rem}
.pro-info p {font-size: .4rem;text-align: justify;color: #333333;font-weight: bold;}
.pro-info ul {line-height: .45rem;margin-top: .3rem}
.pro-info li {display: flex;font-size: .28rem;}
.pro-info li span:first-child {width: 1.65rem;letter-spacing: .05rem;display: block;text-align: right;}
.pro-info li span:last-child {display: block;width: 4.9rem;text-align: justify}
.pro-info .pro-info-nav {display: flex;align-items: center;justify-content: space-around;margin-top: .4rem}
.pro-info .pro-info-nav a:first-child {width: 2.5rem;height: .58rem;border: 1px solid #ff3433;border-radius: .50rem;color: #ff3333;display: flex;align-items: center;justify-content: center;font-size: .28rem}
.pro-info .pro-info-nav a:last-child {width: 2.5rem;height: .58rem;border: 1px solid #dddddd;border-radius: .50rem;color: #999999;display: flex;align-items: center;justify-content: center;font-size: .28rem}

.pro-introduce {padding: .4rem;background: #fff;margin-top: .25rem}
.pro-introduce .pro-introduce-lab {font-size: .36rem;color: #333333;font-weight: bold;}
.pro-introduce .pro-intro-con {margin-top: .4rem}
.pro-introduce .pro-intro-con p {margin-bottom: .4rem}

/* 技术频道 */
.tech-con {background: #f7f7f7;position: relative;}
.tech-con ul.tech-lab {display: flex;background: #fff;white-space: nowrap;padding: .1rem 0 0 0;overflow-x: auto;box-sizing: border-box;height: 1.5rem;}
.tech-con ul.tech-lab li {display: flex;align-items: center;flex-direction: column;padding: 0 .2rem;height: .68rem;}
.tech-con ul.tech-lab li span:last-child {background: #fff;width: .4rem;height: .1rem;margin-top: .1rem}

.tech-info p:first-child {margin-bottom: .3rem;text-align: justify}
.tech-info p:last-child {display: flex;align-items: center;font-size: .24rem;}
.tech-info p img {margin-left: .3rem;margin-right: .1rem;width: .3rem;height: .3rem;margin-top: .06rem}
.tech-item {margin-top: .1rem;position: absolute;top: .8rem;width: 100%}
.tech-item li {background: #fff;margin-bottom: .2rem;padding: .3rem;box-shadow: 0 1px 8px #ddd8d7;box-sizing: border-box}

/* 新闻频道 */
ul.news-lab {display: flex;background: #fff;white-space: nowrap;padding: .1rem 0 0 0;overflow-x: auto;box-sizing: border-box;height: 1.5rem;}
ul.news-lab li {display: flex;align-items: center;flex-direction: column;padding: 0 .2rem;height: .68rem;}
ul.news-lab li span:last-child {background: #fff;width: .4rem;height: .1rem;margin-top: .1rem}
.newsChannel {position: relative;}
.newsChannel .item-1 {position: absolute;top: .8rem;box-shadow: 0 1px .1rem #ddd8d7;}

.news-detail {background: #fff;position: relative;}
.news-detail .nav-top {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: .3rem .4rem .1rem .4rem;font-weight: 600;}
.news-detail .nav-top .head-label {display: flex;align-items: center;}
.news-detail .nav-top .head-label img {width: .46rem;height: .4rem;}
.news-detail .nav-top span {line-height: .4rem;font-weight: bold;}
.news-detail .nav-top .menus {display: flex;align-items: center;justify-content: center;}
.news-detail .nav-top .menus img {width: .42rem;height: .36rem;}
.news-detail .nav-top #down-arrow {width: .42rem;height: .42rem;}
.news-detail .nav-top .goback {display: flex;align-items: center;justify-content: center;}
.news-detail .nav-top .left-arrow {width: .4rem;height: .4rem;}
.news-detail .nav-top .nav-img-right {display: flex;align-items: center;}
.news-detail .nav-top .nav-img-right .user-home-img {margin-right: .2rem;display: flex;align-items: center;justify-content: center}
.news-detail .nav-top .nav-img-right .user-home-img img {width: .42rem;height: .42rem;}

/* 滑动导航 */
.slide-nav {height: .8rem;overflow: hidden;padding: .1rem 0 0 0;background: #fff;position: relative;border-bottom: 1px solid #f5f5f5;z-index: 2; }
#nav {height: 140%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
#nav ul.list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: .8rem;}
#nav li {line-height: .4rem;margin: .15rem 0.2rem 0 0.2rem;position: relative;}
#nav li span {width: .4rem;height: .1rem;background: #ff3531;display: block;margin: .12rem auto 0 auto;}
#nav li a {font-size: .32rem;}
#nav li .col {color: #ff3531}
.slide-nav .shadow {width: 1.28rem;height: 100%;position: absolute;top: 0;right: 0;pointer-events: none;background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(80%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 80%);
    background-image: linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 80%);}


/* 话题 */
.topic-main {background: #fff;height: 100%;}
.topic-main .nav-top {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: .16rem .4rem;border-bottom: 1px solid #eeeeee;}
.topic-main .nav-top .goback {display: flex;align-items: center;justify-content: center;}
.topic-main .nav-top .go-home {display: flex;align-items: center;}
.topic-main .nav-top .left-arrow {width: .4rem;height: .4rem;}
.topic-main .nav-top .sm-logo {width: .4rem;height: .35rem;margin-right: .06rem;}

.main-lab {width: 100%;background: linear-gradient(to right,#ff6633FF, #ff3333FF);color: #fff;padding: .3rem .4rem;box-sizing: border-box;}
.main-lab p:first-child {font-size: .45rem;margin-bottom: .2rem;}
.main-lab p:last-child {text-align: justify;}

.topic-con {background: #f7f7f7;}
.topic-con .con-ul  li {margin-bottom: .2rem;padding: .3rem .4rem;background: #fff;}
.topic-con li .user-info {display: flex;align-items: center;justify-content: space-between;}
.topic-con li .user-info img {width: 1.2rem;height: 1.2rem;}
.topic-con li .user-info .info-detail {display: flex;flex-direction: column;}
.topic-con li .user-info .info-detail span:first-child {color: #333333;font-weight: bold;margin-bottom: .1rem;font-size: .26rem}
.topic-con li .user-info .info-detail span:last-child {color: #a9a9a9;font-size: .26rem}
.topic-con li .user-info a {width: 1rem;height: .52rem;background: #ff3433;border: 0;border-radius: .1rem;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;font-size: .28rem;margin-top: .3rem}

.topic-con li .user-infos {display: flex;align-items: center;font-size: .28rem;justify-content: space-between;}
.topic-con li .user-infos img {width: 1.2rem;height: 1.2rem;}
.topic-con li .user-infos .concern {background: #ff3433;display: flex;align-items: center;justify-content: center;color: #fff;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #ff3433;}
.topic-con li .user-infos .chosed {background: #fff;display: flex;align-items: center;justify-content: center;color: #222222;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #f5f5f5;}
.topic-con li .user-infos .info-detail {display: flex;flex-direction: column;}
.topic-con li .user-infos .info-detail span:first-child {color: #333333;font-weight: bold;margin-bottom: .1rem;}
.topic-con li .user-infos .info-detail span:last-child {color: #a9a9a9;}

.topic-intro {color: #333333;line-height: .5rem;padding: .2rem 0 .3rem 0;text-align: justify;word-break: break-all;}
.topic-intro a {color: #3234fe}

.topic-img {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.topic-img img {width: 2.2rem;height: 2.01rem;margin-bottom: .06rem;}

/* 新闻详情 */
.news-main .nav-top {display: flex;align-items: center;justify-content: space-between;height: .7rem;box-sizing: border-box;padding: .1rem .4rem;font-weight: 600;border-bottom: 1px solid #eeeeee;background: #fff}
.news-main .nav-top .goback {display: flex;align-items: center;justify-content: center;}
.news-main .nav-top .go-home {display: flex;align-items: center;}
.news-main .nav-top .left-arrow {width: .4rem;height: .4rem;}
.news-main .nav-top .sm-logo {width: .4rem;height: .35rem;margin-right: .06rem;}

.deta-title .user-infos {display: flex;align-items: center;font-size: .28rem;justify-content: space-between;}
.deta-title .user-infos img {width: 1.2rem;height: 1.2rem;margin-right: .3rem;}
.deta-title .user-infos .user-im {display: flex;align-items: center;}
.deta-title .user-infos .concern {background: #ff3433;display: flex;align-items: center;justify-content: center;color: #fff;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #ff3433;}
.deta-title .user-infos .chosed {background: #fff;display: flex;align-items: center;justify-content: center;color: #bbbbbb;width: 1.2rem;height: .5rem;border-radius: .08rem;border: 1px solid #f5f5f5;}
.deta-title .user-infos .info-detail {display: flex;flex-direction: column;}
.deta-title .user-infos .info-detail span:first-child {color: #333333;font-weight: bold;margin-bottom: .1rem;}
.deta-title .user-infos .info-detail span:last-child {color: #a9a9a9;}

/* 重设密码 */
.resetpass {background: #000000;width: 100%;height: 100vh;opacity: 0.4;}
.reset-form {background: #fff;padding: .8rem;box-sizing: border-box;z-index: 5;width: 6.7rem;height: 6.5rem;border-radius: .15rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -80%)}
.reset-form .form-item {display: flex;flex-direction: column;margin-bottom: .2rem;height: 1.82rem;}
.reset-form .form-item .form-label {font-size: .30rem;margin-bottom: .2rem;display: flex;align-items: center;}
.reset-form .form-item .form-label p {display: flex;align-items: center;}
.reset-form .form-item .form-label span:first-child {color: #ff3531;margin-right: .1rem;}
.reset-form .form-item .error-mes {font-size: .28rem;color: #ff3531;}
.reset-form input.text-input {height: .80rem;border: 1px solid #cccccc;border-radius: .1rem;padding: 0 .3rem;box-sizing: border-box;}
.reset-form input.text-input:focus {border-color: #ff3433;}
input[type='submit'] {height: .75rem;border: 0;background: #ffe0e0;border-radius: .06rem;color: #bbbbbb;font-size: .35rem;}
.reset-form .form-item .form-label p .change-code{color: #0365ff;margin-left: .1rem;}
.reset-form .form-item .form-label p img {width: 1rem;height: .4rem;border: 1px solid #cccccc;}

